import Footer from "../footer/index";
import { BrowserRouter, NavLink } from "react-router-dom";
import "../../style/school_home.scss";
const Home = () => {
  // 助力校招生成长部分
  const helpList = [
    {
      img: "https://funimg.pddpic.com/career/img/1.1.png.slim.png",
      content1: "挑战和实践的广阔平台",
      content2: "前沿的新电商场景，海量需求和广阔业务线",
      content3:
        "保持对前沿、未来领域的持续关注与投入，始终坚持为消费者创造价值。给新人足够多的资源和机会，在亿级新电商战场，获得自我发展的持续动力。",
    },
    {
      img: "https://funimg.pddpic.com/career/img/1.2.png.slim.png",
      content1: "团队年轻且极富创造力",
      content2: "与最优秀的同龄人共事，行业大牛云集",
      content3:
        "公司成员平均年龄27岁，汇聚大量国内外知名高校、名企的顶尖人才。扁平化管理，敢于授权新人，注重能力与潜力，相信创新的力量。",
    },
    {
      img: "https://funimg.pddpic.com/career/img/1.3.png.slim.png",
      content1: "收获实打实的快速成长",
      content2: "导师制-培训制-项目制，帮助你走稳每一步",
      content3:
        "资深导师一对一带教，多方位的培养路径，创新性的项目实践。用最优秀的人培养更优秀的你，助力新人各阶段的成长发展，始终跑在行业最前线。",
    },
    {
      img: "https://funimg.pddpic.com/career/img/1.4.png.slim.png",
      content1: "所有付出都能收获回报",
      content2: "结果导向，行业竞争力薪酬和全方位激励",
      content3:
        "简单高效、平等包容的工作氛围，一年两次加薪机会，多方面福利保障：免费三餐、交通报销、年度体检、节日礼品、团建活动…是职场淬炼的坚实依靠。",
    },
  ];
  // 期待优秀人才部分
  const goodList = [
    {
      img: "https://funimg.pddpic.com/career/img/2.1.png.slim.png",
      content1: "追梦者",
      content2: "无限热爱，自驱力强",
      content3: "具备专业领域的知识技能，愿意在互联网前沿领域持续学习探索。",
    },
    {
      img: "https://funimg.pddpic.com/career/img/2.2.png.slim.png",
      content1: "行动派",
      content2: "善于思考，结果导向",
      content3:
        "有互联网实习经历或相关项目经验，给自身竞争力加码，凭实力成就自我。",
    },
    {
      img: "https://funimg.pddpic.com/career/img/2.3.png.slim.png",
      content1: "敢挑战",
      content2: "追求创新，协作成长",
      content3:
        "支持极具挑战和影响力的项目落地，完成高效的工作协同与成果共享。",
    },
    {
      img: "https://funimg.pddpic.com/career/img/2.4.png.slim.png",
      content1: "够踏实",
      content2: "脚踏实地，勇于担当",
      content3:
        "有能力更有潜力，在实战中最大化激发潜能，持续为业务发展提供强劲动力。",
    },
  ];
  return (
    <div>
      <div className="home">
        {/* 头部图片部分 */}
        <BrowserRouter>
          <div className="home_img">
            <img
              src="https://funimg.pddpic.com/Recruit/cover_banner.jpg"
              alt=""
            />
          </div>
          <div className="pos_img flex">
            <NavLink to="/home">
              <img
                src="https://funimg.pddpic.com/career/img/apply.png.slim.png"
                alt=""
              />
            </NavLink>
            <NavLink to="/home">
              <img
                src="https://funimg.pddpic.com/career/img/process.png.slim.png"
                alt=""
              />
            </NavLink>
            <NavLink to="/home">
              <img
                src="https://funimg.pddpic.com/career/img/q&a.png.slim.png"
                alt=""
              />
            </NavLink>
          </div>
        </BrowserRouter>

        {/* 助力校招生成长部分 */}
        <div className="home_help">
          <div className="help_top">
            <p className="p_color">助力校招生成长</p>
          </div>
          <div className="help_nav flex">
            {helpList.map((item, index) => {
              return (
                <div className="help_nav_box flex" key={index}>
                  <img src={item.img} className="help_nav_box_img" alt="" />
                  <div className="help_nav_right">
                    <p className="help_right_p1 p_color">{item.content1}</p>
                    <p className="help_right_p2 p_color">{item.content2}</p>
                    <p className="help_right_p3 p_color">{item.content3}</p>
                  </div>
                </div>
              );
            })}
          </div>
        </div>

        {/* 期待优秀人才部分 */}
        <div className="home_help">
          <div className="help_top">
            <p className="p_color">期待优秀人才</p>
          </div>
          <div className="help_nav flex">
            {goodList.map((item, index) => {
              return (
                <div className="help_nav_box" key={index}>
                  <div className="good_people_top flex">
                    <img
                      className="good_people_top_img"
                      src={item.img}
                      alt=""
                    />
                    <p className="good_people_p1">{item.content1}</p>
                    <p className="help_right_p2 p_color">{item.content2}</p>
                  </div>
                  <div className="good_people_p3 p_color">{item.content3}</div>
                </div>
              );
            })}
          </div>
        </div>

        {/* 校招生心声 */}
        <div className="home_help">
          <div className="help_top">
            <p className="p_color">校招生心声</p>
          </div>
          <div className="heart flex">
            <img src="https://funimg.pddpic.com/career/img/4.1.jpg" alt="" />
            <div className="heart_right">
              <p className="heart_p1">和同龄人一起拼的精神很关键</p>
              <p>成长充满机遇与挑战</p>
              <p>协同共享，敢于拥抱变化</p>
              <p>基于现有资源，给你机会创造并擦出新的火花</p>
              <p>选择正确的道路，不断成为更好的自己</p>
              {/* <a href="/home">了解更多> </a> */}
            </div>
          </div>
        </div>
      </div>
      {/* 底部 */}
      <Footer />
    </div>
  );
};

export default Home;
